<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>Taco Cloud</title>
        <link rel="stylesheet" th:href="@{/styles.css}" />
    </head>


<body>
    <h1>选课系统</h1>
    <img th:src="@{/images/TacoCloud.png}"/>
    <form method="POST" th:object="${selection}">
		
	<div class="grid">
       <div class="CourseAttribute-group" id="maths">
                <h3>选择数学课:</h3>
                <div th:each="CourseAttribute : ${math}">
                    <input name="CourseAttribute" type="checkbox" th:value="${CourseAttribute.name}"/>
                    <span th:text="${CourseAttribute.name}">CourseAttribute</span><br/>
                </div>
            </div>
     
            <div class="CourseAttribute-group" id="computers">
                <h3>选择电脑课:</h3>
                <div th:each="CourseAttribute : ${computer}">
                    <input name="CourseAttribute" type="checkbox" th:value="${CourseAttribute.name}" />
                    <span th:text="${CourseAttribute.name}">CourseAttribute</span><br/>
                </div>
            </div>
            <div class="CourseAttribute-group" id="englishs">
                <h3>选择英语课:</h3>
                <div th:each="CourseAttribute : ${english}">
                    <input name="CourseAttribute" type="checkbox" th:value="${CourseAttribute.name}"/>
                    <span th:text="${CourseAttribute.name}">CourseAttribute</span><br/>
                </div>
            </div>       
		<input type="submit" value="提交">
	</div>

       
       
        
    </form>


